<script setup>
  import shortCut from '@/components/common/shortCut.vue'
  import headerPage from '@/components/common/headerPage.vue';
  import footerPage from '@/components/common/footerPage.vue';
  import bannerPage from '@/components/common/bannerPage.vue';
  import goodsPage from './components/goodsPage.vue';
</script>
<template>
  <div>
    <!-- 快捷导航 -->
    <shortCut></shortCut>
    <!-- 头部 -->
    <headerPage></headerPage>
    <!-- 轮播图 -->
    <bannerPage></bannerPage>
    <!-- 新鲜好物 -->
    <goodsPage>
      <template #title>
        <h3>新鲜好物</h3>
      </template>
      <template #desc>
        <p>新鲜出炉，品质靠谱！</p>
      </template>
    </goodsPage>
    <!-- 底部 -->
    <footerPage></footerPage>
  </div>
</template>
